/*!
 * Social Buttons for Twitter Bootstrap v1.0.0
 *
 * Copyright 2013 Adam Neumann
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 */
.avatar{ /* селектор для класса avatar */
    float: left; /* прижимаемся к левому краю, обтекание справа */
    background: #fff; /* фон */
    padding: 2px;
    border: 1px solid #999; /* граница(ширина, тип, цвет) */
    border-radius: 50%; /*скругление равно 50 процентам от общей ширины, фактически 25 пикселей, вот и круг получили(ещё есть с префиксом -moz и -o) */
    box-shadow: 0px 1px 1px 1px #bbb /* смещение по горизонтали, смещение по вертикали, размытие, увеличение и цвет */
}
.avatar img{ /* селектор для картинки, которая "внутри" класса avatar */
    display: block; /* картинка выводится как блок, по ширине будет равен родителю(диву в котором находится) */
    width: 100%; /* ширина 100% */
    border: 0; /* граница нулевая */
    margin: 0; /* внешний отступ отстутствует */
    border-radius: 50%; /* читай выше */
}

.navbar-brand-centered {
    margin-top: -5px;
}

.box-button {
    letter-spacing: 0.128em;
    font-family: 'proxima-nova', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 1.3em;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    padding: 0 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition-property: all;
    -webkit-transition-duration: 100ms;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 0;
    -moz-transition-property: all;
    -moz-transition-duration: 100ms;
    -moz-transition-timing-function: linear;
    -moz-transition-delay: 0;
    -ms-transition-property: all;
    -ms-transition-duration: 100ms;
    -ms-transition-timing-function: linear;
    -ms-transition-delay: 0;
    -o-transition-property: all;
    -o-transition-duration: 100ms;
    -o-transition-timing-function: linear;
    -o-transition-delay: 0;
    transition-property: all;
    transition-duration: 100ms;
    transition-timing-function: linear;
    transition-delay: 0;
}

.btn-facebook {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #2b4b90;
    *background-color: #133783;
    background-image: -moz-linear-gradient(top, #3b5998, #133783);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5998), to(#133783));
    background-image: -webkit-linear-gradient(top, #3b5998, #133783);
    background-image: -o-linear-gradient(top, #3b5998, #133783);
    background-image: linear-gradient(to bottom, #3b5998, #133783);
    background-repeat: repeat-x;
    border-color: #133783 #133783 #091b40;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b5998', endColorstr='#ff133783', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.btn-facebook.disabled,
.btn-facebook[disabled] {
    color: #ffffff;
    background-color: #133783;
    *background-color: #102e6d;
}

.btn-facebook:active,
.btn-facebook.active {
    background-color: #0d2456 \9;
}

.btn-twitter {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #1c95d0;
    *background-color: #0271bf;
    background-image: -moz-linear-gradient(top, #2daddc, #0271bf);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2daddc), to(#0271bf));
    background-image: -webkit-linear-gradient(top, #2daddc, #0271bf);
    background-image: -o-linear-gradient(top, #2daddc, #0271bf);
    background-image: linear-gradient(to bottom, #2daddc, #0271bf);
    background-repeat: repeat-x;
    border-color: #0271bf #0271bf #014473;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2daddc', endColorstr='#ff0271bf', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.btn-twitter.disabled,
.btn-twitter[disabled] {
    color: #ffffff;
    background-color: #0271bf;
    *background-color: #0262a6;
}

.btn-twitter:active,
.btn-twitter.active {
    background-color: #01538d \9;
}

.btn-google-plus {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #d34332;
    *background-color: #c53727;
    background-image: -moz-linear-gradient(top, #dd4b39, #c53727);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#c53727));
    background-image: -webkit-linear-gradient(top, #dd4b39, #c53727);
    background-image: -o-linear-gradient(top, #dd4b39, #c53727);
    background-image: linear-gradient(to bottom, #dd4b39, #c53727);
    background-repeat: repeat-x;
    border-color: #c53727 #c53727 #85251a;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4b39', endColorstr='#ffc53727', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.btn-google-plus.disabled,
.btn-google-plus[disabled] {
    color: #ffffff;
    background-color: #c53727;
    *background-color: #b03123;
}

.btn-google-plus:active,
.btn-google-plus.active {
    background-color: #9a2b1f \9;
}

.btn-vk {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #50739a;
    *background-color: #426187;
    background-image: -moz-linear-gradient(top, #5a7fa6, #426187);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a7fa6), to(#426187));
    background-image: -webkit-linear-gradient(top, #5a7fa6, #426187);
    background-image: -o-linear-gradient(top, #5a7fa6, #426187);
    background-image: linear-gradient(to bottom, #5a7fa6, #426187);
    background-repeat: repeat-x;
    border-color: #426187 #426187 #293c54;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a7fa6', endColorstr='#ff426187', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-vk:hover,
.btn-vk:focus,
.btn-vk:active,
.btn-vk.active,
.btn-vk.disabled,
.btn-vk[disabled] {
    color: #ffffff;
    background-color: #426187;
    *background-color: #3a5576;
}

.btn-vk:active,
.btn-vk.active {
    background-color: #314865 \9;
}